<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./mycss.css">
</head>
<body>
    <div class="father">
    <div class="left"> 
        <div class="top">
            <div class="title">扫描二维码登录</div> 
        </div>
        <div class="center">
            <img src="./image/二维码.png" alt="">
        </div>
        <div class="down"> 
            <p class="fist-line">请使用</p><a href="#" class="fist-line">哔哩哔哩客户端</a>
            <p>扫码登录或扫码下载APP</p>
        </div>
    </div>
    <div class="cente"></div>
    <div class="right">
        <div class="up">
            <p>密码登录&emsp;|&emsp;短信登录</p>
        </div>
        <div class="center">
            <div class="center-up" >账号<input type="text" placeholder="请输入账号" autocomplete="off"></div>
            <div class="center-down">密码<input type="password" placeholder="请输入密码" autocomplete="off" style="width: 211px;"><a href="#" style="font-size: 14px; margin-left: 39px;">忘记密码？</a></div>
            <div class="button">
                <div>注册</div>
                <div style="background-color: #00AEEC; color: aliceblue;">登陆</div>
            </div>
        </div>
        <div class="down">
            <p style="font-size: 13px;">其他登陆方式</p>
            <div>
                <img src="./image/微信.png" alt="">
                <p>微信登录</p>
                <img src="./image/微博.png" alt="">
                <p>微博登录</p>
                <img src="./image/QQ.png" alt="">
                <p>QQ登录</p>
            </div>
        </div>
    </div>
    <div class="bottom">
        <p> 未注册过哔哩哔哩的手机号，我们将自动帮你注册账号 </p>
        <p> 登录或完成注册即代表你同意<a href="#">&nbsp;用户协议&nbsp;</a>和<a href="">&nbsp;隐私政策&nbsp;</a></p>
    </div>
    </div>
</body>
</html>